@charset "gb2312";

body {
    margin: 0;
    color: #8c8c8c;
    background-color: #fff;
    font-size: 14px;
    font-family: "Microsoft Yahei",Arial;
}

* {
    word-break: break-all;
    word-wrap: break-word;
}

.clear {
    clear: both;
    padding: 0px;
    text-align: center;
}

form {
    margin: 0;
    padding: 0;
}

a:link, a:visited {
    text-decoration: none;
    color: #0e3cb7;
}

a:hover {
    color: #0e3cb7;
    text-decoration: none;
}

a:focus {
    outline: none;
}

a.reg a:link, a.reg a:visited {
    text-decoration: none;
    color: #f40;
}

a.reg a:hover {
    text-decoration: none;
    color: #656665;
}

input, select {
    vertical-align: middle;
}

img {
    border: 0;
}

h1, h2, h3, h4, h5 {
    margin: 0;
}

ul, li, ol, dl, dt, dd {
    margin: 0;
    padding: 0;
    list-style: none;
}

p, i, em, b, s {
    margin: 0;
    padding: 0;
    font-style: normal;
}

table {
    empty-cells: show;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

input, button, select, textarea {
    outline: none;
}

.container {
    width: 1200px;
    margin: 0 auto;
    clear: both;
    position: relative;
}

.hide {
    display: none !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *+height:1%;
}

.header {
    background: none repeat scroll 0 0 #303a40;
    height: 102px;
    min-width: 1200px;
}

    .site-logo, .site-search input[type=submit], .header .user-links .icon,
    .header .app-links .icon, .pop-box .box-header .simplemodal-close, .page-top-bar .logo,
    .float-category-list ul li a, .fields .field .value em,
    .sub-right .price_box ul li span.countdown,
    a.countadd, a.countsub, .pd-box ul li .deletePro {
        background: url("/Content/img/sprites.png") no-repeat scroll 0 4px transparent;
    }

.site-logo {
    background-position: 0 4px;
    float: left;
    height: 102px;
    text-align: center;
    width: 472px;
    position: relative;
}

    .site-logo .index {
        cursor: pointer;
        display: block;
        height: 100px;
        width: 185px;
    }

    .site-logo .change-sorting-center {
        color: #fff;
        left: 186px;
        position: absolute;
        top: 36px;
    }

        .site-logo .change-sorting-center .current {
            border: 1px solid #999;
            border-radius: 2px;
            height: 24px;
            line-height: 24px;
            padding: 0 12px;
            position: relative;
            color: #999;
        }

            .site-logo .change-sorting-center .current:hover {
                color: red;
            }

        .site-logo .change-sorting-center .kicked {
            /*border: 1px solid #ddd;*/
            border-radius: 2px 2px 0 0;
        }

        .site-logo .change-sorting-center .current > span {
            float: left;
        }

        .site-logo .change-sorting-center .kicked {
            background-color: #fff;
            color: #333;
        }

        .site-logo .change-sorting-center .current > s {
            border-color: #999 transparent transparent;
            border-style: solid;
            border-width: 5px 4px;
            display: block;
            float: right;
            height: 0;
            margin-left: 4px;
            margin-top: 11px;
            width: 0;
        }

        .site-logo .change-sorting-center .kicked > s {
            border-color: transparent transparent #333;
            margin-top: 6px;
        }

        .site-logo .change-sorting-center .current dl {
            background-color: #fff;
            border-radius: 0 2px 2px;
            color: #333;
            cursor: pointer;
            display: none;
            left: -1px;
            min-width: 200px;
            padding: 6px;
            position: absolute;
            top: 24px;
            z-index: 999;
            border: 1px solid #999;
            border-top: none;
        }

        .site-logo .change-sorting-center .kicked dl {
            display: block;
        }

        .site-logo .change-sorting-center dt {
            border-bottom: 1px solid #bcbcbc;
            height: 28px;
            line-height: 28px;
            text-align: left;
            margin-left: 4px;
            color: #666;
        }

        .site-logo .change-sorting-center dd {
            float: left;
            margin: 6px;
        }

            .site-logo .change-sorting-center dd a {
                color: red;
                text-decoration: underline;
            }

.site-search {
    float: left;
    width: 286px;
    margin-left: 0;
}

.site-search form {
    background: none no-repeat scroll left center #fff;
    border-radius: 18px;
    float: left;
    height: 26px;
    padding: 1px;
    width: 100%;
    margin-top: 36px;
}

.site-search form #layoutkeyword {
    float: left;
    width: 240px;
    height: 26px;
    line-height: 26px;
    background-color: transparent;
    border: 0 none;
    padding: 0 10px;
}

.site-search input[type=submit] {
    background-position: -18px -117px;
    border: medium none;
    cursor: pointer;
    display: block;
    float: left;
    height: 28px;
    width: 18px;
    text-indent: -999px;
}

.header .quik-links {
    float: right;
    margin-top: 40px;
    color: #fff;
    line-height: 24px;
}

.header .quik-links a {
    display: block;
    float: left;
    color: #fff;
    margin-right: 6px;
}

.header .quik-links a:hover {
    text-decoration: underline;
}

.header .user-links {
    float: left;
    margin-right: 16px;
    border-right: 1px dotted #fff;
}

.header .user-links .icon, .header .app-links .icon {
    background-position: -65px -119px;
    display: block;
    float: left;
    height: 23px;
    width: 20px;
    margin-right: 4px;
}

.header .app-links {
    float: left;
    position: relative;
}

.header .app-links .icon {
    background-position: -113px -119px;
}

.header .app-links ul.app-codes {
    background-color: #fff;
    float: left;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 32px;
    width: 104px;
    z-index: 999;
    color: #333
}

.header .app-links ul.app-codes li {
    float: left;
    text-align: center;
    width: 104px;
}

.header .app-links ul.app-codes li span {
    text-align: center;
}

.main {
    margin-top: 12px;
}

.page-top-bar {
    box-shadow: 0 0 4px #eaeaea;
    display: block;
    height: 50px;
    margin: 0 auto;
    opacity: 1;
    overflow: hidden;
    position: fixed;
    transition: top 0.3s ease-out 0s;
    width: 100%;
    z-index: 9999;
    background-color: #303a40;
}

.page-top-bar .logo {
    background-position: -580px -54px;
    float: left;
    height: 50px;
    width: 430px;
}

.page-top-bar .site-search {
    float: left;
    margin-left: 66px;
}

.page-top-bar .site-search form {
    margin-top: 12px;
}

.float-category-list {
    background-color: #fff;
    box-shadow: 0 0 2px #eaeaea;
    margin-left: -44px;
    display: block;
    position: fixed;
    z-index: 999;
}

.float-category-list ul {
}

.float-category-list ul li {
    position: relative;
    width: 42px;
}

.float-category-list ul li:hover {
}

.float-category-list ul li a {
    background-position: 0px -150px;
    display: block;
    height: 42px;
    right: 0;
    text-indent: -99999px;
    border: 1px solid transparent;
    border-bottom: 1px solid #bcbcbc;
    width: 42px;
}

.float-category-list ul li:last-child a {
    border-bottom: none;
}

.float-category-list ul li:hover a, .float-category-list ul li.hover a {
    background-position: -42px -150px;
    border: 1px solid red;
    z-index: 9999;
}

.float-category-list ul li a.c-1 {
    background-position: 0px -150px;
}

.float-category-list ul li:hover a.c-1, .float-category-list ul li.hover a.c-1 {
    background-position: -42px -150px;
}

.float-category-list ul li a.c-95 {
    background-position: 0px -192px;
}

.float-category-list ul li:hover a.c-95 {
    background-position: -42px -192px;
}

.float-category-list ul li a.c-2 {
    background-position: 0px -234px;
}

.float-category-list ul li:hover a.c-2 {
    background-position: -42px -234px;
}

.float-category-list ul li a.c-45 {
    background-position: 0px -276px;
}

.float-category-list ul li:hover a.c-45 {
    background-position: -42px -276px;
}

.float-category-list ul li a.c-86 {
    background-position: 0px -318px;
}

.float-category-list ul li:hover a.c-86 {
    background-position: -42px -318px;
}

.float-category-list ul li a.c-5 {
    background-position: 0px -360px;
}

.float-category-list ul li:hover a.c-5 {
    background-position: -42px -360px;
}

.float-category-list ul li a.c-3 {
    background-position: 0px -402px;
}

.float-category-list ul li:hover a.c-3 {
    background-position: -42px -402px;
}

.seller {
    height: 90px;
    background-attachment: fixed;
    background: url(../img/seller_top.jpg) no-repeat left;
}

.seller-logo {
    background: url(../img/seller_logo.png) no-repeat 58px center;
    height: 85px;
}

.btm {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin: 24px 0 0;
    padding: 12px 0;
    width: 100%;
}

.btm_bg1 {
    height: 20px;
    background-color: #1f7b44;
    width: 100%;
}

.btm_bg2 {
    height: 10px;
    background-color: #54b57b;
    width: 100%;
}

.btmlist {
    width: 1200px;
    margin: 0 auto;
}

.btmfl {
    width: 160px;
    float: left;
    color: #8a8989;
    line-height: 20px;
}

.btmfl ul {
    padding: 0 0 0 32px;
}

.btmfl ul li {
    margin: 0 0 2px;
}

.btmfl ul a {
    line-height: 20px;
    color: #8a8989;
}

.btmfl ul a:hover {
    color: #f40;
}

.btmfl1 {
    width: 100px;
    float: left;
    color: #656665;
    margin: 0 10px;
    text-align: center;
    line-height: 20px;
}

.f01 {
    background: url(../img/f01.gif) no-repeat left center;
    padding: 0 0 0 30px;
}

.f02 {
    background: url(../img/f02.gif) no-repeat left center;
    padding: 0 0 0 30px;
}

.f03 {
    background: url(../img/f03.gif) no-repeat left center;
    padding: 0 0 0 30px;
}

.f04 {
    background: url(../img/f04.gif) no-repeat left center;
    padding: 0 0 0 30px;
}

.f05 {
    background: url(../img/f05.gif) no-repeat left center;
    padding: 0 0 0 30px;
}

.f06 {
    background: url(../img/f06.gif) no-repeat left center;
    padding: 0 0 0 30px;
}

.btmtit {
    color: #666;
    line-height: 30px;
}

.footer {
    margin: 0 auto;
    padding: 10px 0;
    color: #656665;
    background-color: #fff;
}

    .footer p {
        line-height: 20px;
        text-align: center;
        display: block;
    }

    .footer a {
        display: block;
        padding: 10px;
        float: left;
    }

.sub-nav {
    background: url(../img/v2submenu_bg.gif) no-repeat;
    height: 40px;
    width: 1200px;
    display: none;
}

    .sub-nav ul {
        padding: 0 0 0 100px;
    }

        .sub-nav ul li {
            float: left;
            _width: 150px;
            border-right: 1px #146535 solid;
        }

    .sub-nav a {
        display: block;
        height: 16px;
        padding: 12px 40px;
        text-align: center;
        color: #fff;
    }

        .sub-nav a:hover {
            background-color: #1b6a3b;
        }

    .sub-nav .none {
        border: none;
    }







/*ÖÐÐĵǼ´°¿Úµ¯¿ò*/
.f-box {
    height: 320px;
}

.f-login {
    padding: 10px;
    border-radius: 6px;
    background-color: #828684;
    margin: 80px auto;
    width: 380px;
    height: 350px;
}

    .f-login .f-box {
        background-color: #fff;
        border: 1px solid #b8bab9;
        height: 350px;
    }

.loging-t {
    background: url(../img/reg_top.gif) no-repeat left;
    height: 59px;
    position: relative;
    border-bottom: 1px solid #c4c4c4;
}

    .loging-t .btn-close {
        position: absolute;
        right: 2px;
        top: 2px;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

.f-login_box {
}

    .f-login_box ul {
        padding: 20px 80px;
    }

        .f-login_box ul li {
            padding: 4px 0;
            color: #595353;
            position: relative;
        }

            .f-login_box ul li span {
                display: block;
                padding: 10px;
                color: #555;
            }

            .f-login_box ul li input {
                border: none;
            }

            .f-login_box ul li .name {
                background: url(../img/icon_man.gif) no-repeat 180px center;
                width: 192px;
                line-height: 20px;
                padding: 5px 8px;
            }

            .f-login_box ul li .password {
                background: url(../img/icon_lock.gif) no-repeat 180px center;
                width: 192px;
                line-height: 20px;
                padding: 5px 8px;
            }

            .f-login_box ul li i {
                display: block;
                float: left;
                margin: 0 4px 0 0;
            }

            .f-login_box ul li label {
                display: block;
                float: left;
            }

            .f-login_box ul li .btn {
                padding: 10px 0;
            }

            .f-login_box ul li .forget {
                position: absolute;
                right: 0;
                top: 4px;
            }

                .f-login_box ul li .forget a:link, .f-login_box ul li .forget a:visited {
                    color: #555;
                }

                .f-login_box ul li .forget a:hover {
                    color: #f40;
                }

            .f-login_box ul li .f-text {
                border: 2px solid #e3e3e3;
                border-radius: 60px;
                color: #c0bebe;
                width: 200px;
            }

.f-btn {
}

    .f-btn a {
        display: block;
        border-radius: 30px;
        border: 1px solid #fc2e01;
        padding: 0 20px;
        z-index: 1;
        color: #f1fce9;
        letter-spacing: 1px;
        text-decoration: none;
        text-align: center;
        line-height: 30px;
    }

        .f-btn a:link, .f-btn a:visited {
            background-color: #f30;
            color: #fff;
        }

        .f-btn a:hover {
            background-color: #f40;
            color: #fff;
        }

.pop-box {
    background-color: #fff;
}

    .pop-box .box-header {
        background-color: #eee;
        border-bottom: 1px solid #bcbcbc;
        border-radius: 5px 5px 0 0;
        font-size: 24px;
        height: 56px;
        line-height: 56px;
        position: relative;
        text-align: center;
    }

        .pop-box .box-header span {
        }

        .pop-box .box-header .simplemodal-close {
            margin-top: 8px;
            height: 42px;
            position: absolute;
            right: 0;
            text-indent: -999999px;
            top: 0;
            width: 42px;
            background-position: -1156px -4px;
        }

            .pop-box .box-header .simplemodal-close:hover {
                background-position: -1156px -46px;
            }

    .pop-box .box-content {
    }

    .pop-box .box-footer {
    }

.pop-register{
    border-radius: 6px;
    display: block;
    width: 650px;
}
.pop-login {
    border-radius: 6px;
    display: block;
    width: 550px;
}

.fields {
    font-family: "΢ÈíÑźÚ";
}

.fields .field {
    height: 42px;
    line-height: 42px;
    padding: 4px 12px;
}

.fields .field label {
    display: inline-block;
    width: 120px;
    float: left;
    text-align: right;
}

.fields .field .value {
    display: inline-block;
    float: left;
    min-height: 42px;
    min-width: 240px;
}

.fields .field .value img.verify-code {
    margin: 8px;
}

.fields .field .value input[type=text], .fields .field .value input[type=password], .fields .field .value select {
    display: inline-block;
    float: left;
    font-family: "΢ÈíÑźÚ";
    font-size: 18px;
    height: 24px;
    margin-top: 10px;
    width: 240px;
}

.fields .field .value select {
    display: inline-block;
    float: left;
    width: auto;
    margin-left: 4px;
    height: 32px;
    line-height: 32px;
}

.fields .field input[type=button] {
    background-color: #fb6602;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    margin-top: 12px;
    margin-right: 2px;
}

.fields .field input[type=button].btn-minor {
    background-color: #bcbcbc;
}

.fields .field input[type=submit] {
    background-color: #fb6602;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    margin-top: 12px;
}

.fields .btn-field {
    border-bottom: none;
    height: 56px !important;
    line-height: 56px;
}

.fields .field .value .status {
    float: left;
    line-height: 42px;
}

.fields .field .value em.error {
    background-position: -1162px -160px;
    color: #d72828;
    padding-bottom: 2px;
    padding-left: 26px;
}

.fields .field .value em.valid {
    background-position: -1162px -117px;
    color: #0404f4;
}

.pop-box .fields .field {
    border-bottom: 1px solid #ddd;
}

.pop-box .fields .btn-field {
    border-bottom: none;
}

.pop-box .fields .field label {
    text-indent: -99999px;
    width: 120px;
    font-size: 18px;
}

.pop-box .fields .field .value input[type=text], .fields .field .value input[type=password] {
    border: medium none;
}

a.countadd, a.countsub {
    width: 28px;
    height: 28px;
    display: block;
}

a.countadd {
    background-position: -1110px -282px;
}

a.countsub {
    background-position: -1110px -321px;
}

a.countadd:hover {
    background-position: -1162px -282px;
}

a.countsub:hover {
    background-position: -1162px -321px;
}

i.rmb-sign {
    font-size: 0.8em;
    color: #f40 !important;
}

.header-nav {
    background-color: #146535;
    height: 36px;
    line-height: 36px;
    min-width: 1200px;
}
.header-nav a.right{
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
}
.header-nav ul {
}

.header-nav ul li {
    float: left;
    padding: 0 18px;
    position: relative;
}
.header-nav ul li.node:hover{
    background-color: #fd4902;
}

.header-nav ul li.node:hover a{
}
.header-nav ul li a {
    color: #fff;
}

.header-nav ul li.trg-category-list {
    background-color: #fd4902;
    width: 194px;
    text-align: center;
}
.header-nav ul li.trg-category-list .view-category-list{
    text-align: left;
}
.header-nav ul li.trg-category-list a {
    text-align: center;
}

.header-nav ul li.trg-category-list s {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 4px;
    display: inline-block;
    height: 0;
    margin: 12px 0 0 6px;
    width: 0;
}

.header-nav li.trg-category-list .view-category-list {
    left: 0;
    position: absolute;
    top: 36px;
    background-color: #146535;
    z-index: 998;
    height: 28px;
    line-height: 28px;
}
.header-nav li.trg-category-list .view-category-list .items{
    padding-bottom: 6px;
    background-color: #1f7b44;

}
.header-nav li.trg-category-list .view-category-list li {
    line-height: 24px;
    padding: 0;
}

.header-nav li.trg-category-list .view-category-list li .nav-box {
    border-left: 2px solid transparent;
}

.header-nav li.trg-category-list .view-category-list li.hover .nav-box {
    border-left: 2px solid #fd4902;
}

.header-nav li.trg-category-list .view-category-list .items li {
}

.header-nav li.trg-category-list .view-category-list .category dd a {
    color: #0e3cb7;
    line-height: 18px;
}

.header-nav li.trg-category-list .view-category-list .nav-box {
    background-color: #1f7b44;
    padding: 4px 8px;
    font-size: 15px;
}
.header-nav li.trg-category-list .view-category-list .nav-box a:link, .nav-box a:visited {
    margin-right: 4px;
    color: #bcdfca;
    line-height: 24px;
}

.header-nav li.trg-category-list .view-category-list .nav-box a:hover {
    color: #fa9f01;
}

#menu .box {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #1f7b44 #1f7b44 #1f7b44 #dfdfdf;
    border-image: none;
    border-style: solid;
    border-width: 3px 3px 3px 0;
    display: none;
    left: 230px;
    min-height: 600px;
    min-width: 500px;
    overflow: visible;
    position: absolute;
    top: 7px;
    z-index: 444;
}

#menu .box .category {
    width: 755px;
}

.sub_menu_list {
    display: block;
    width: 700px;
    margin: 10px auto;
}

.sub_menu_list dt {
    font-weight: bolder;
    border-bottom: 1px solid #ccc;
    color: #000;
}

.sub_menu_list dd a {
    margin-right: 18px;
    margin-top: 12px;
    display: block;
    float: left;
}

.container .product-box .mid {
    height: 306px;
}
.sort-box{
   border: 1px solid #e2e0e0;
    height: 32px;
    line-height: 32px;
    margin-top: 12px;
}
.sort-box span, .sort-box a {
    border-right: 1px solid #fd4902;
    display: inline-block;
    height: 32px;
    padding: 0 12px;
    float: left;
    color: #333;
}
.sort-box span{    
}
.sort-box a{
    border-right: 1px solid #e2e0e0;
    display: inline-block;
    height: 32px;
    padding: 0 12px;
}
.sort-box a:hover, .sort-box a.hover{
    background-color: #fd4902;
    border-right: 1px solid #e2e0e0;
    color: #fff;
}
.filter-box{
    margin-top: 12px;
}
.filter-box dl{
    float: left;
    height: 28px;
    line-height: 28px;
    width: 100%;
    margin-bottom: 6px;
}
.filter-box dt{
    float: left;
}
.filter-box dd{
    float: left;
    margin-right: 12px;
}
.filter-box dd:hover, .filter-box dd.hover{
     background-color: #fd4902;
}
.filter-box dd a{
    color:#333;
    padding: 0 12px;
}
.filter-box dd:hover a, .filter-box dd.hover a{
    color:#fff;
}
li a.pic{ float:left; width:150px; height:160px; overflow:hidden; position:relative;}
li a.pic img{ position:absolute; left:0; top:0; z-index:10;}
.index-news-tabs{

}
.index-news-tabs a{
    color: #333;
}
.tabs-box{

}
.tabs-box .tabs-header{
    border-bottom: 1px solid #fd4902;
    height: 36px;
    line-height: 36px;
}
.tabs-box .tabs-header li{
    float: left;
    text-align: center;
    width: 50%;
}
.tabs-box .tabs-header li:hover, .tabs-box .tabs-header li.hover{
    background-color: #fd4902;
}
.tabs-box .tabs-header li:hover a, .tabs-box .tabs-header li.hover a{
    color: #fff;
}
.tabs-box .tabs-content{

}
.tabs-box .tabs-content li ul{
    display: none;
}
.tabs-box .tabs-content li.hover ul{
    display: block;
}
.tabs-box .tabs-content > ul{

}
.tabs-box .tabs-content > ul > li{

}
.tabs-box .tabs-content > ul > li{

}
.tabs-box .tabs-content  ul.news-list{
    padding: 8px 4px;
}
.tabs-box .tabs-content ul.news-list li{
    line-height: 18px;
    margin-bottom: 6px;
}

.view-history-box .title, .quick-search-box .title{
    position: relative;
    height: 42px;
}
.view-history-box .title s, .quick-search-box .title s{
    border-top: 1px dotted #c9c9c9;
    display: block;
    margin-top: 18px;
    position: absolute;
    top: 0;
    width: 100%;
}
.view-history-box .title h2, .quick-search-box .title h2{
    position: absolute;
    text-align: center;
    width: 100%;
}
.view-history-box .title h2 span, .quick-search-box .title h2 span{
    background-color: #fff;
    padding: 0 12px;
}
.view-history-box ul.item-list, .quick-search-box ul.item-list {
   
}
.quick-search-box ul.item-list {
    margin-top: 12px;
}
.view-history-box ul.item-list li, .quick-search-box ul.item-list li{
    display: none;
}
.view-history-box ul.item-list li.current, .quick-search-box ul.item-list li.current{
    display: block;
}
ul.quick-search-list{
    margin-top: 12px;
}
ul.quick-search-list li.current .loading{
    height: 16px;
}
ul.quick-search-list li.current .loading img{
    width: 16px; 
    height: 16px;
}
ul.quick-search-list .item-list li.current .loading span{
    line-height: 16px;
    margin-left: 6px;
}
.index-slider{
    height:272px;
    width: 100%;
}
.flexslider .slides li a{
    display: block;
    height:272px;
    width: 100%;
}
.mycart-count {
    background-color: #fff;
    border-radius: 15px;
    color: #c40000;
    margin: 61px 4px auto;
    min-width: 20px;
    padding: 4px;
    text-align: center;
}
.tip{
    float: left;text-align: left;width: auto;
}
.product-properties{
    float: left;
    width: 100%;
}
.product-properties .product-name{
    font-size: 18px;
    font-weight: 700;
}
.product-content{
    float: left;
     width: 100%;
     margin-top: 6px;
}